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السيرة الذاتية للمعلم 


الإدارة التعليمية التابع لها : 

المؤهل الدراسى : ا E‏ 
المدرسة الأساسية : 

المدرسة المنتدب اليها : 

تاريخ التعيين : O‏ 
الوظيفة على الكادر : yy‏ 


كود المعلم : GS‏ ا E‏ 


رقم الھاتف : سسسسہس سس سس 5 2225203151515( 


إعداد وتصميم/جروب فريق أصدقاء الكمبيوتر المتخصص ‏ أ/ یاسمین شعيب 


1 ۱ -, ااا 


هللا 
ا 0 
1:ضظ الللللتللا 
]ا ]ا ل ل للا 
لتتللللللتللا 
ا وا سا سا للتلتللا 


SS 
من ]1 ]1ال‎ ]] 
ے1 ال‎ ۸... ._ 
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إعداد وتصميم/جروب فريق أصدقاء الكمبيوتر المتخصص - أ/ ياسمين شعيب 


الأهداف العامة لمادة الكمبيوتر وتکنولوجیا المعلومات والاتصالات 


فى نهاية الفصل الدراسى الأول ينبغى ان يكون الطالب قادراً على أن: 


> يتعرف علي بعض العمليات والمفاهيم الخاصة بالبنية الأساسية لنظم الكمبيوترء وقواعد البياناتء 
ولغات برمجة انشاء صفحات ويب» وتأمين مواقع الويب» 

> يتعرف علي بعض المفاهيم والعمليات الأساسية الخاصة بلخدمات وتطبيقات تكنولوجيا المعلومات 
والإتصالات. 

> يفهم بعض جوانب الأمن الفكرى (الإنسانية والأخلاقية والاجتماعية) وأمن المعلومات المتعلقة 
باستخدام تكنولوجيا المعلومات والاتصالات. 

> يستخدام أدوات الإنتاج التکنولوجیة8)01ء1111111.8:۲1108( ....) في دعم وتطوير التعلم. 

> ينتج مشروع (قاموس مصطلحات الكمبيوتر المصور) باستخدام العمليات والبرامج والأدوات 
التكنولوجية. 

> يوظيف أدوات الاتصال التكنولوجية في تبادل المحتوى والتواصل والتفاعل والتعاون مع الآخرين 
لدعم التعلم. 

> يستخدام الأدوات والمصادر التكنولوجية في التعامل مع المعلومات و البيانات الإلكترونية 


ومعالجتها وتقييمها واعداد تقارير بالنتائج 


إعداد وتصميم/جروب فريق أصدقاء الكمبيوتر المتخصص ‏ أ/ ياسمين شعيب 


الأهداف الخاصة لمادة الكمبيوتر وتکنولوجیا المعلومات والاتصالات 
فى نهاية الفصل الدراسى الأول ينبغى ان يكون الطالب قادراً على: 
بر یوضح بعض المفاهيم والمصطلحات العلمية المتقدمة ذات الصلة بالكمبيوتر 
كي كير يوظف برامج الكمبيوتر في تنفيذ مهام التعلم. 
كي جي يوظف خدمات شبكة الإنترنت في عمليتي التعليم والتعلم. 
ہر یمارس عمليات البحث عن المعلومات الإلكترونية بكافة صورها المتاحة على أجهزة الكمبيوتر 
وشبكات المعلومات الموثوقة في حل مشكلة 
كي يقترح مشروعات بسيطة لتوظيف تطبيقات وخدمات تكنولوجبا المعلومات والأتصالات في 
المجالات الحياتية والدراسية. 
ك كير يوظف تطبيقات تكنولوجيا المعلومات والأتصالات في تبادل مهام المشروعات. 
كم ریصمم قاعدة بيانات مناسبة لمشروعه. 
ہر يمارس مهارات البرمجة بلغة ۲117. 
به مو يستخدم بعض تطبيقات الإنترنت في تنفيذ مشروعه. 


كم ينتج مشروع بإستخدام تطبيقات الإنترنت المتقدمة. 


ك كي یربط صفحات ويب تفاعلية خاصة بمشروعه. 

ہر يستخدم لغة 7110 في إنتاج برمجيات وموقع ويب للتعبير عن أفكاره. 

يعر بهريقيم مواقع و مصادر المعلومات من حيث الدقة والمصداقية في ضوء معايير محددة. 
كه ریوظف بعض أدوات التعلم الإلكتروني في إنتاج مشروعه. 

ہر ریتعرف علي لغة رطم و 50011[ وتطبيقاتها في تصميم مواقع الويب. 

ك كي يمارس مهارات التعامل مع المعلومات الإلكترونية. 

به ريوظف التطبيقات المناسبة في معالجة عناصر الوسائط المتعددة. 

كم مو ريتعرف علي بعض المعاملات الخاصة والمتعلقة بلغة مام. 


إعداد وتصميم/جروب فريق أصدقاء الكمبيوتر المتخصص ‏ أ/ ياسمين شعيب 


شا العرس ریب أن رکون الطالب قاد را علي أن: 


العصف الذهني - الحوار والمناقشة ‏ التعلم التعاوني 
د يتعرف بعض المفاهيم والمصطلحات الأساسية المرتبطة بإنشاء 
يميز صفحة الويب الساكنة وصفحة الويب الديناميكية. السبورة الإلكترونية - الكتاب المد : 
ة الإلكترونية - الكتاب - عرض تقد 
يمارس عمليات إعداد جهاز الكمبيوتر ليصبح جھاز ۲م ۹۷ 87+ sS‏ 


التعهيد/ماهي أنواع صفحات الويب؟ 


عرض الدرس سي 


كي أثناء تنفيذك مشرو ع" قاموس مصطلحات الكمبيوتر المصور "'ينبغي أن تتعرف بعض المفاهيم الاساسية الهامة التي سوف نستخدمها وم 
اا بعض المفاهيم الأساسية: 
البرامج المجانية 2١e‏ »ءء۴۲:- برامج یسمح مالكها «صاحب حق الملكية الفكرية» بإستخدامها دون مقابل مادي أو إذن كتابي منه. 
البرامج مفتوحة المصدر ہ5 م0 :- برامج و تطبيقات منشورة يسمح لمستخدميها بالإطلاع علي الكود وإمكانية تعديله و 
تطويره في ضوء احتياجات مطوريها وإعادة نشرها أو استخدامها بعد التعديل. 
صفحة الويب الساكنة Stat Webpage‏ : -صفحة معلومات تعرض من خلال أحد مستعرضات الانترنت. يمكن حفظها بامتداد 
HTML‏ أو HTM‏ . 
صفحة الويب الديناميكية Webpage‏ icصDynam:-‏ صفحة معلومات متاحة علي الانترنت تكتب بلغة ال مام أو .۸ يمكن عرض 
مختلف أنواع البيانات ويتاح من خلالها إجراء لمحتوي الصفحة. كإرجاع قيمة أو عرض رسالة أو ناتج. تحتوى صفحة الويب الديناميكية على 
كود يتم تنفيذه علي جهاز الخادم.1ع17ء5 

يمكن معرفة نوع الصفحة ( ساكنة / ديناميكية ) من خلال الامتداد المتاح في عنوان الموقع 0731 
الخادم 5۲۷۰٢‏ :- المصطلح يقصد بهما معنين مختلفين. أحدهما بإعتبار :جهاز كمبيوتر خادم :511 1804٣٥٢‏ في شبكة كمبيوتر, 
والآخر بإعتباره مهمةأو دور يقوم بها أحد الأجهزة أو المكونات في شبكة کمبیوتر Software Serer‏ . 
سكريبت اص5 ( كود يكتب بإحدي لغات البرمجة المخصصة لصفحات الويب) لاجراء مهمة أو معالجة على بعض البيانات. 
لغة الترميز أو التكويد Hyper rext Markup Language “ HTML‏ “ :- اللغة المستخدمة فی إنشاء Static Webpage‏ يمكن حفظ 
هذه الصفحات بامتداد غط / تغط . تعرض من خلال أحد مستعرضات الانترنت. ١‏ 
لغة Personal Home Page “ PHP‏ “ :- اللغة المستخدمة في تطوير مواقع الویب الديناميكية Webpage‏ عنحصدح(1آ, لغة مجانية 
مفتوحة المصدر, تتسم بالسهولة و السرعة. تعمل لدي الخادم e‏ ع u2‏ ع۸[ 510 5٣٣٢‏ ,يتم تضمين الكود الخاص بها داخل كود 
11ء یمکنھا الاتصال بسهولة بقواعد البيانات المختلفة بامان. تحفظ الصفحات التي تحتوي علي كود ”2111 بامتداد 2111 لتنفيذ 
الكود نحتاج إلي إجراء بعض التعدیلات اللازمة لجعل جهاز الكمبيوتر الشخصي جهاز خادم #عتء5 باستخدام برنامج Apache Server‏ 
-> تحتاج أي لغة برمجة الي برنامج مساعد يستخدم لكتابة الكود و من أشهر برامج إنشاء صفحات الويب بلغة ۲۲۲٢‏ 1 
Expression web - Coffee Cup Free html editor - aptana - komodo‏ 
برنامج “ 567 مطعهمA‏ “ :-لجعل جھاز الكمبيوتر الشخصي جهاز خادم, يستخدم مع أجهزة ال 8۰ أو 2 
محاكاه جهازك الشخصي ليقوم بدور جهاز الخادم 5٣۰٢‏ .يقوم يترجمة الكود المكتوب بلغة 2117 . معنم وي 
نشر موقع ويب Weste‏ عہiہءiاPub‏ :-عند إنشاء موقع ويب نحتاج إلي تجربة صفحاته و عرضه علي مستعرض انترنت قبل أن يكون 
متاحاً لزيارته على الانترنت, توجد طريقتان لنشر الموقع. "محلياً - علي الإنترنت" 
لغة “Structured Query Language “ SQL‏ :-لغة برمجة تستخدم في عمليات ادارة قواعد البيانات . 
6۲ 5081 ۱۸۷: - هو احد تطبيقات نظم إدارة قواعد البيانات ذات العلاقات. 
حزم تطبيقات الويب 22612965 56۲۷۵۲ ۷۷۵۲ :- حزم تطبيقات الويب بشکل اساسي علي : تثبیت خادم الويب - تثبيت نظام لادارة 
قواعد البيانات ا50لاا/ا. 
ويتوفر علي الانترنت حزم تطبيقات ويب مجانية يمكن تثبيتها منها علي سبيل المثال:حزمة تطبيقات الويب Linux - Apache ) LAMP‏ 
PHP‏ - ۱۸۷۹۲۵۱ - ) الفرق الجوهري بين حزم تطبيقات الويب السابقة هو نظام التشغيل الذى تعمل معه. 

الجلسة موزوو5 : طريقة لتخزين معلومات عن المستخدم (زائر موقع الويب) وذلك بهدف إتاحتها للاستخدام عبر صفحات الموقع؛ مثل: (اسم المستخدم 
٥ Name‏ []ء كلمة المرور 88۲0ء بعض بياناته العامة والشخصية»..... الخ). 


التققفويم :- أكمل :- الفرق الجوهرى بين حزم تطبيقات الويب المختلفه هو 


إعداد وتصمیم/جروب فریق أصدقاء الكمبيوتر المتخصص - 


يرق أصدور 
وى مه 
ء3 : الوحذة الأولى: أساسيات 
حمر 
1 سد تی ا 
"قاموس مصطلحات الكمبيوتر المصور" 


2 إلد أن بكو ن الطالب قادراً أن 0 
بنهاية الدرس يجب أن يكون الطاب قادرا علي أن العصف الذهني - الحوار والمناقشة - التعلم النشط 


۷ 91 71 ] 
د يخطط الصفحة الرئيسية لموقع ويب. 


د يحمل برنامج درو لتشغيل تطبیقي 0ء۸03 و 17801 ١‏ السبورة الإلكترونية - الكتاب المدرسي ۔- عرض تقديمي 


التمهييد/ها المهام المطلوبة لأنشاء موقع ويب؟ 
ا عرض ل درس حه 
الهدف من المشروع: 


تصميم وإنشاء موقع "قاموس مصطلحات الكمبيوتر المصور " باستخدام تطبيقات ولغات برمجية مجانية أو مفتوحة المصدر. 
أهمية المشروع: 
تكمن أهمية المشروع في تدريبك على كتابة کود[711 الخاص بالتعامل مع قواعد البيانات 71756001 عبر صفحات موقع ويب. 


تحديد المهام المطلوب تنفيذها في مشروع إنشاء موقع قاموس مصطلحات الكمبيوتر المصور 
تهيئة البيئة المناسبة لإنشاء الموقع 
إنشاء قاعدة بيانات لحفظ بيانات قاموس المصطلحات التي يتم إدخالها او تعديلها عبر 
صفحات الموقع : تصميم الصفحة الرئيسة : إضافة مصطلح باللغتين العربية والإنجليزية لتعريف العلمي للمصطلح - صورة تدل على 
المصطلحء وحظها في قاعدة بیانات, zn ETE‏ 


البحث عن مصطلح داخل قاعدة البيانات. 
حذف مصطلح من قاعدة البيانات. 
تعديل بيانات مصفح في قاعدة البيانات. 


توفير المساعدة اللازمة حول كيفية التعامل مع الموقع. 


< إجراءات إنشاء موقع ويب 
أولاً: تهيئة البيئة المناسبة لإنشاء الموقع. 
وذلك لضبط ما يلزم من تقنيات لضمان سلامة تشغيل الموقع ومن هذه الإعدادات والتقنيات التي يجب وضعها في الاعتبار: 
- تحديد البرامج التي سوف تستخدمها في بناء مشروعك وتثبيتها 11191911 على الكمبيوتر. 
- تحديد طريقة حفظ ملفات صفحات معلومات الويب 7771725 الخاصة بالمشروع على جهاز كمبيوتر خادم وع567»: وامكانية 
عرضها على أحد برامج مستعرضات الإنترنت› وتحفظ هذه الصفحات في صورة ملفات على جهاز كمبيوتر خادم Sever‏ ء باحدی 
الخيارات التالية: 
) أ )بمقابل مادي على الإنترنت :من خلال حجز موقع على أحد أجهزة استضافةمواقع الويب Host server.‏ 
(ب)بدون مقابل على أحد مواقع الإنترنت المجانية التي تسمح لك باستضافة موقعك. 
(ج) نشر الموقع محليا على جهازك )1105 1.021" 
لتجربة الموقع والتأكد من صحته محليا قبل نشره على الإنترنت أسوة بما ت تقوم به الشركات الكبرى» تحتاج إلى تهيئة جهازك لیقوم بدور 
جھاز الخادم 5611 ليصلح لاستضافة الموقع و من أمثلة البرامج المستخدمة لهذا الغرض برنامج "741/1717" 
يعتبر برنامج ۲۸1/107 من أفضل برامج إعداد جهاز الكمبيوتر ")1108 [3ع10"ء فهو يتسم بالسهولة والقدرة على التعامل مع قواعد 
البيانات .1۲901 
ثانيا: تنفيذ مشروع موقع قاموس مصطلحات الكمبيوتر المصورة يمر بثلاث مراحلء هي 
(1) مرحلة انشاء قاعدة بيانات: 
(2) مرحلة انشاء صفحة موقع ويب ساكنة static Web Pages‏ 
(3) مرحلة تحويل صفحة الويب الساكنة إلى صفحة ويب ديناميكية''وعع72 "Dynamic Web‏ 
يتم عرض صفحات الموقع باستخدام أحد مستعرضات الإنترنت التالية: Internet Explorer - Google Chrome - Firefox‏ 


التقويم :- أكمل:- يتم حفظ ملفات صفحات معلومات الويب على جهاز 56151 (خادم) 


إعداد وتصميم/جروب فريق أصدقاء الكمبيوتر المتخصص ‏ أ/ ياسمين شعيب 


الدرس الأول :تصميم صفحات الموقع 


الحوار والمناقشة - التعلم التعاوني 


يصمم مكونات الصفحة الرئيسية لصفحات موقع قاموس 

سد |> 
يحدد الروابط اللازمة للأبحار بین صفحات الموقع. - 

يناقش مع زملاؤه عدة مقترحات لتصميم صفحات المشروع السبورة الإلكترونية ‏ الكتاي المارسي_ عرض تقديمي 


التمهيد / ما هي مراحل إنتاج مشروع "قاموس مصطلحات الكمبيوتر المصور"؟ 


عرض الدرس سي 


يمر مشروع إنتاج "قاموس مصطلحات الكمبيوتر المصور" بعدة مراحل أساسية هي: 
۱ مرحلة (1) 
سح مم 


کے 
مرحلة (2) 
مرحلة إنشاء جداول قاعدة البيانات 


3Z 
)3( مرحله‎ 
مرحلة إنشاء صفحات الموقع‎ 5 5 5 
مرحله تصميم صفحات الموقع:‎ > 
هي المرحلھ الأولى من مراحل تنفیذ المشروع, وفيها یتم تحدید صفحات الویب الخاصھ بالمشروعء واسم کل منھاء والغرض منهاء‎ 
التي نستخدمها في التنقل بين‎ Hyperlinks ومحتواهاء ووضع تصور لتصميم مكونات الصفحھ الرئيسة للموقعء والارتباطات التشعبية‎ 
صفحات الموقع والعودة مرة أخرى للصفحة الرئيسة.‎ 
التصميم الجيد للموقع قبل البدء في إنشائه يوفر الوقت والجهد ويساعد على إنتاج موقع بشكل متميز واحترافي.‎ 


< والشکل التالي يوضح تصور مقترح لتصميم صفحات موقع "قاموس مصطلحات الكمبيوتر المصور": 
الصفحة الرئيسية م1م.:12016 : 
صفحة الاتصال بقاعدة البیانات Connection.php‏ 
صفحة رأس صفحات Header.php‏ 
صفحة إضافة مصطلح مرطمAdd_Term.p‏ 
صفحة البحث عن مصطلح Search_Term.php‏ 
صفحة تعديل مصطلح Edit_Term.php‏ 
صفحة حذف مصطلح Del_Term.php‏ 
صفحة المساعدة Help.php‏ 


< ملحوظة: 
لتجنب كتابة كود في جميع صفحات الموقع يتم الآتي: 
1- فصل الصورة 130261 والارتباطات التشعبية :1110۲1101 في صفحة مستقلة یتم استدعائها في بداية كل صفحة. 
2- فصل كود الاتصال بقاعدة البيانات في صفحة مستقلة یتم استدعائها في بداية كل صفحة. 
3- الصورة التي تظهر في بداية کل صفحة وتسمى 73001 
4- جميع الارتباطات التشعبية 110١1101:‏ التي نستخدمها في الإبحار بين صفحات الموقع وهي: 
(الرئيسية - إدخال مصطلح - بحث عن مصطلح - تعدیل ۔حذف - مساعدة). 
وهذا يتطلب تكرار الكود الخاص بالصورة والارتباطات في جميع ص فحات الموقع وهو ما يمثل عبء كبير وتكرار ينبغي أن نتجنبھ 
وذلك بفصلها في صفحة واحدة يتم استدعانھا في باقي الصفحات. 


هي المرحلة الأولى من مراحل تنفيذ المشروع. 
إعداد وتصميم/جروب فريق أصدقاء الكمبيوتر المتخصص ‏ أ/ ياسمين شعيب 


يرق أصدور 


لمر 
الدرس الثاني :إنشاء قاعدة البيانات 


5 7 أت تكو الظالب گار ا‎ EEE 
بنهاية الدرس يجب أن يكون ہی پر بک الحوار والمناقشة - التعلم التعاوني - العصف الذهني‎ 
. يتعرف علي بعض المفاهيم الأساسية المتعلقة بقواعد البيانات.‎ 


يمارس عمليات الربط بين قواعد البيانات. 1 
السبورة الإلكترونية - الكتاب المدرسي - عرض تقديمي 


التمهييد / ما الفرق بین قاعدة البيانات والجدول؟ 


۱ عرض الدرس سي 


المرحلة الثانية في المشروع هي مرحلة إنشاء قاعدة بيانات مشروع "قاموس مصطلحات الكمبيوتر المصور " 
< قاعدة البيانات Database:‏ 
قاعدة البيانات عبارة عن تخزين أو حفظ مجموعة من البيانات المنظمة والمرتبطة بموضوع معين بغرض استرجاعها لاتخاذ القرارات. 
وتعتبر قاعدة البيانات ذات العلاقات 1031310386 16120101121 أحد أنو اع فو اعد البيانات التي تعتمد على تقسيم البيانات في جداول 
65 مع تحديد العلاقات بين هذه الجداول 
< الجداول وع1'81' 
يمثل الجدول البنية الأساسية أو المكون الأساسي القاعدة البیانات ويتكون من سجلات ۸4٥0ء‏ ٢1ء‏ وحقول 171105 مثل: جدول بيانات: 
الطالب أو الموظف أو المنتج . 
- السجلات Records‏ 
صف من جدول البيانات يتضمن جميع البيانات الخاصة بشخص واحد فقط أو حالة واحدةء ويتكون السجل من عدة حقول كسجل بيانات 
(طالب أو موظف أو منتج معين) 
- الحقول 156109 
الحقل هو البنية الأساسية التي يتكون منها جدول البیانات أي عمود في جدول يمثل حقل؛ ويحتوي الحقل على بيان واحد فقط لكل سجل 
من سجلات الجدول . 
< لكل حقل العديد من الخصائص منها: 
- اسم الحقل :مه" 11610 مثل اسم الطالب؛ اسم المحافظةء المرتبة الكمية . دہ سسہیت سس ١جچہےے‏ 
نوع بئات اسان جو1 لهذا 8114 قد يكين نصي - رقمی - تاریخ اتات 
حجم الحقل وهو عدد الخانات أو الأحرف في حالة الحقل النصيء أو تحديد نوع الأرقام ڑا م | | 
المدخلة في حالة الحقل الحرفي (صحيح - ١ءعع)"آيحتوي‏ على کسر عشري r e Lar‏ 
KEN . (Decimal -‏ ھت 
< والجدير بالذكر أنه: لض | KE‏ 7+.] عل 
يمكن إنشاء قاعدة بيانات تتكون من جدول واحد فقط يتضمن جميع الحقول اللازمة. 
5 وفي هذه الحالة يسمىٍ هذا الجدول "'1راو']' 1134 " عادة ما نقوم بفصل الحقول التي يجمعها عامل مث مشترك وتجميعها في 
جدول واحد »وبالتالي ت تحتوي قاعدة البيانات على أكثر من جدول . 
هو الأمر الذي يتطلب إنشاء علاقات تربط جداول قاعدة البيانات ببعضهاء وذلك لتجنب تكرار البيانات أو الحقول» ويطلق على 
قاعدة البيانات في هذه الحالة قاعدة بيانات ذات العلاقات Relational Database‏ 
< ولضمان نجاح عملية الربط بين جداول قاعدة البیاناتء فلابد من تحقيق الآتي: 
)١(‏ تعيين حقل مفتاح أساسي "و12 "Primary‏ 
تعيين حقل مفتاح اساسي " 1۲ 121111217" لكل جدول» وذلك بإحدى الطريقتين التاليتين: 
- اختيار أحد حفل الجدول شرط ألا يتكرر أي بيان في هذا الحقل على الإطلاق» حتى مع حجم ضخم من البيانات. 
- بإضافة حقل جديد: يتم تعينه أو تخصيصه حقل مفتاح أساسي Primary Key‏ 
< ملحوظة : 
- أن الحقول التي يمكن تكرار بياناتها لا تصلح أن تكون حقل مفتاح أساسيء لذا يجب إضافة حقل جديد ليصبح حقل مفتاح 
أساسي للجدول» وليكن رقم الطالب أو كود الطالب بحیث يخصص لكل طالب رقم خاص به يميز بياناته عن باقي سجلات الجدول. 


هو الصف حيث تكون البيانات متداخلة ومخزنة بالجدول 


إعداد وتصميم/جروب فريق أصدقاء الكمبيوتر المتخصص ‏ أ/ ياسمين شعيب 


يرك اصحور 
۴ ۹ 
ء3 الوحدة الثانية: متطلبات ومراحل إنتاج المشروغ 
ج چ 
1 
الدرس الثالث :تابع إنشاء قاعدة البيانات 


ففانة اك أن بكو ن الطالب قادراً أن 
بنهاية الدرس يجب أن يكون الطالب قادرا علي أن الحوار والمناقشة ‏ التعلم التعاوني - العصف الذهني 
« يمارس عمليات الربط بين قواعد البيانات. ١‏ 


٠. ٦‏ 7 0 0 ةّ بيانات. 


٭ يتعاون مع زملاؤه في إنشاء جداول لقاعد : 
1 السبورة الإلكترونية - الكتاب المدرسي - عرض تقديمي 


التمهيد / ما هي أنواع العلاقات في قواعد البيانات؟ 


۱ عرض الدرس سي 


< تحديد أنواع العلاقات 106 ٤[‏ 126019610 في قواعد البیانات : 
تحديد أنواع العلاقات 1861961051105 في قواعد البيانات» ومفهوم كل نوع وكيف يمكن الربط بین جدولینء وهو ما سيتم تناوله بشيء 
من التفصيل. 
> أنواع العلاقات في قواعد البيانات: 
1 - النوع الأول علاقة رأس برأس 006 One ٥0‏ 
2 - النوع الثاني علاقة رأس بأطراف One to Many‏ 
3 - النوع الثالث علاقة أطراف بأطراف Many to Many‏ 
- النوع الأول: علاقة رأس برأس ع © 005٥0‏ 
علاقة تربط بين جدولين» حيث يمكن أن يرتبط سجل في الجدول الأول بسجل واحد فقط من الجدول الثاني والعکس صحيح. 
أن الربط بين جدولين بعلاقة رأس برأس تتم بربط حقل المفتاح الأساسي في الجدول الأول رقم الطالب" مع حقل المفتاح الأساسي في 
الجدول الثاني رقم الطالب» مع مراعاة أن حقلي المفتاح الأساسي في الجدولين لابد أن يكونا: 
(1) من نفس نوع البیانات Field Data Type)‏ ( 
(2) نفس الحجم. 
ملحوظة : لا يشترط أن يكون حقلا المفتاح الأساسي في الجدولين لهما نفس الاسم. 
3 النوع الثاني: : علاقة رأس بأطراف One to Many‏ 
علاقة تربط بين جدولين بحيث يمكن أن يرتبط سجل في الجدول الأول بعديد من السجلات فيالجدول الثاني والعكس غير صحيح. 
ے للربط بين الجدولين في علاقة رأس بأطراف ينبغي إضافة حقل المفتاح الأساسي في جدول م وهو جدول الصف" إلى جدول 
7 وهو جدول الطلاب ويسمى في هذه الحالة "حقل أجنبي" رم :ج701 لأنه ليس من طبيعة الجدول بل حقل دخيل عليه. 
> في حقل المفتاح الأجنبي (رقم الصف بجدول الطلاب) يمكن تكرار البیانات ويسمى التكرار المحكوم1:©011110121:7 controlled‏ 
- النوع الثالث: علاقة أطراف بأطراف Many to Many‏ 
علاقة تربط بين جدولين بحيث يمكن أن يرتبط سجل في الجدول الأول بعديد من السجلات في الجدول الثاني» وسجل في الجدول الثاني 
بعديد من السجلات في الجدول الأول. 
العلاقة أطراف بأطراف هي علاقة نظرية في مفاهيم قواعد البياناتء ولا يمكن تمثيلها عمليا في برامج إدارة قواعد البيانات مثل وہ۸ 
Oracle - MySQL‏ - 
يفضل إستخدام تطبیق .1۲9001 حيث أنه من التطبيقات المجانية ٠و۷ ›۴۲١۶١‏ مفتوح المصدر »501110 0001ء ویسمح بالتعامل 
مع كم هائل من البيانات وتستخدمه كبرى الشركات العالمية . 
< تضم التطبيقات المستخدمة في نظم إدارة قواعد البيانات كائنات واءعء زط0 أساسية أهمها: 
- جداول وع121: 
من خلالها يمكن إنشاء جداول قاعدة البيانات بما تحويه من سجلات وحقول وامكانية إدخال بيانات فيها وعرضها وتعديلها. 
- استعلامات :Queries‏ 
الاستعلام عبارة عن سؤال يوجهه المستخدم لقاعدة البيانات بقصد الاستعلام عن بيانات أو معلومات بالجداولء فيعرض البيانات 
المطلوبةء ومن خلال الاستعلام يمكن عرض بعض حقول من جدول بيانات أو يعرض بعض سجلات من جدول أو أكثر بناء على شرط 


التققويم :- أکمل:۔ علاقة ........... بين جدولین حیث يرتبط قيد واحد فقط بقيد فى الجدول الأخر. 


إعداد وتصميم/جروب فريق أصدقاء الكمبيوتر المتخصص ‏ أ/ ياسمين شعيب 


2 
پا الوحدة الثالثة: إنشاء صفحات الموقع 


لمر 
الدرس الأول : لغة HTML & PHP‏ 


َىانة الك أت كةن الظالب قاد ا أ 
اا الدرس يجب أن رکون الطالب قادرا هلي آق: الحوار والمناقشة ‏ التعلم التعاوني - العصف الذهني 


يرس خطوات إنشاء موقع درو وی 000000 
.web‏ 


يتعرف علي لغه الترمیز M1‏ ]. السبورة الإلكترونية - الكتاب المدرسي - عرض تقديمي 
ينشئ صفحة ويب بكود .1177711 


التمهي د / ما هي لغة الترميز HTML؟‏ 
سے i‏ ری E‏ 
< إنشاء صفحات الموقع: 


٭ صفحة إضافة مصطلح مطم. ۸143_1٤۲٥,‏ (ادخال مصطلح وجميع بياناته فى جدول المصطلحات بقاعدة البيانات ) 
٠‏ صفحة البحث عن مصطلح مطم.٣إ١إ١ء1آ_طءإهءS‏ (البحث عن مصطلح فى جدول المصطلحات بقاعدة البيانات) 
ه صفحة تعديل مصطلح [1م.17116_1"122 (تعديل بيانات مصطلح فى جدول المصطلحات بقاعدة البيانات) 
ه صفحة حذف مصطلح Del_Term.php‏ (حذف بيانات مصطلح فى جدول المصطلحات بقاعدة البيانات) 
٠‏ صفحة المساعدة 1110.011 (عرض معلومات عن الموقع وتبعيته) 
٠‏ صفحة الاتصال بقاعدة البيانات Connection.php‏ (لفتح اتصال بقاعدة البيانات علی جھاز الخادم) 
٭ صفحة رأس صفحات «11620161.01 (تحتوى على 8311161 التى تعرض أعلى كل صفحات الموقع و الارتباطات 119761112125 
بجميع صفحات المو قع) 
٭ الصفحة الرئيسية 1706.017 (تعرض واجهة الموقع) 
ے أياً كان التطبيق المستخدم في إنشاه صفحات الموقع؛ فإنه يعتمد على استخدام لغة الترميز ,1117/11»: لذا تتطرق إلى أهم المعلومات 
والمهارات الأساسية في لغة الترمیز .1111 وتطبيق را۲۷ 172012551011 المساعدة على إنشاء صفحات الموقع . 
ے لغة الترميز "Hyper Text Markup Language "HTML‏ 
لغة تكويد تستخدم في إنشاء صفحة ويب ثابتة تحفظ بامتداد .110011 أو .11021 بحيث يمكن عرضها وترجمة الكود الخاص بها من خلال 
أحد برامج مستعرضات الإنترنت. 
> يمكن كتابة كود .111۷/11 باستخدام أحد برامج معالجة النصوت مثل:)....Notepad (MS Word, WordPad,‏ 
في الأمر الذي يتم كتابته بلغة الترميز ,1117/11 يطلق عليه ع198, ولا يشترط أن يكتب بحروف كبيرة1]21م2© أو صغيرة 512211 
< أن يكتب الكود وفق بناء محدد كما بالشكل التالية: 
الهيكل البنائي لبرنامج بلغة .117311: 
<html>‏ 
<head>‏ 
1٢| ٥<‏ /> عنوان صفحة المعلومات <11616> 
</head>‏ 
<body>‏ 
المعلومات التي ستعرض على مستعرض الإنترنت 
</body>‏ 
</html>‏ 
< خصائص لغة الترميز .111۷11: 
- الأوامر و12 في لغة الترميز .111711 توضع بين العلامتين < > 
- معظم ال ووه لها بداية أو فتح < .....> ولها نهاية أو إغلاق < ........ / > 
< حفظ كود لغة الترميز .117711 
- يشترط لحفظ كود ,1117/11 في ملف مراعاة أن: يحفظ ملف كود .1177/11 بأي اسم يكون امتدادہ د)ط. أو لاط . 
- نوع الملف نصي '11771, ويفضل استخدام برنامج المفكرة 71016720 لأنه يحفظ الملف» بهذا النوع مباشرة دون اختيار منا. 


التققويم :- أكمل:- يحفظ ملف كود ,111711 بأي اسم يكون امتداده 
إعداد وتصميم/جروب فريق أصدقاء الكمبيوتر المتخصص ‏ أ/ ياسمين شعيب 


يرق أصدور 
۴ 3 
3 : الوحدة الثالثة: إنشاء صفحات الموقع 
سے 
1 
الدرس الثاني : تابع لغة 2117 & HTML‏ 


ثمانة اك أن بكو ن الطالب قادر ا أ 5 
بنهبة الدرس يجب أن رکون الطالب قادرا هلي ان الحوار والمناقشة - التعلم التعاوني - العصف الذهني 


سم دوس باستخدام تليق ہیی ۔۔ 
.web‏ 


يتعرف علي لغة الترميز 111 . السبورة الإلكترونية - الكتاب المدرسي - عرض تقديمي 
ينشئ صفحة ويب بكود HTML‏ 


التمهييد/ماهو الفرق بين الثوابت والمتغيرات؟ 


۱ ع لج ریب سيد 


> تحميل برنامج Expression Web‏ 
من قائمة Star)‏ اختر البرنامج 4 Microsoft Expression Web‏ 
< لتظهر الشاشة الافتتاحية للبرنامج و التي من أهم مكوناتها : 
(1) القوائم Menu‏ 
(2) نافذه قائمة المجلدات Folder List‏ 
(3) نافذة الخصائص Tag Properties‏ 
)4( مكونات الويب Website Component‏ 
(5) نافذة صندوق الأدوات :700010 
(6) نافذة أنماط التطبيق 501 4.017 
< المتغيرات والثوابت في لغة 17117 
المتغيرات في لغة 7117 : 
المتغير عبارة عن مخزن في الذاكرة يحدد له اسم ونوع ويخصص له قيمة تخزن فیهء وتتغير قيمته أثناء سير البرنامج» فمثلا إذا كان المتغير 
1 يساوي .٠٠١‏ فإنه يمكن تغيير القيمة التي تم تخصيصها بقيمة أخرى في لغة 7117ء بجملة التخصيص التالية;450 = 951001421 
-يتم الاعلان عن المتغير عند استخدامه. 
- اسم المتغير يبدأ بعلامة "$". 
3 يتكون اسم المتغير من أحرف وأرقام وعلامة "_" فقط 
- اسم المتغير يفضل أن يكون معبرا عن محتواء أو ما يشير إليه. 
- علامة التخصیص هي = ( تخصيص قيمة للمتغير). 
- تنتهي كل جملة في لغة 7110 بعلامية : 
-لطباعة أي معلومات على شاشة المستعرض تستخدم Print‏ أو Echo‏ هكذا 
print $total;‏ 
: (' ۲ م۱8۶۲) OR echo‏ 
- يمكن استخدام كود 110ع] لتجميع أكثر من ثابت او متغير عند الطباعة على شاشة المستعرض وذلك بالفصل بينها بنقطة " , " 
< الثوابت في لغة 761110: هي مخازن في الذاكرة تحمل اسم ونوع ويخصص لها قيمة ثابتة لا تتغير طوال تنفيذ البرنامچء ويمكن 
تعريفها من خلال الصيغة العامة التالية: 
Define ('Constant Name', Value);‏ 
< حیث: 
Constant Names -‏ تشیر إلى اسم الثابت, 
- 773116 تمثل القيمة المخصصة للثابت. 
مع ملاحظة أنه لا یتم وضع علامة 8 أمام اسم الثابت عند استخدامه ولكن يتم تعريفه 5fi.‏ 
فعلی سبیل المثال: Define ('name', 'Mohamed") : / Echo ('my name is: '. name);‏ 
- تستخدم النقطة (.) في سطر الكود الثاني لربط سلسلتين حرفيتين . 
- تم استخدام الثابت بدون علامة 8 » استخدمت كلمة ٥مم‏ لتعريف الثابت . 
-ينتهي كل سطر في لغة 7110 بفاصلة منقوطة : 


ال يم :- أكمل:- كل جمله فى لغه دام لا بد أن تنتهى ب 522 


إعداد وتصميم/جروب فريق أصدقاء الكمبيوتر المتخصص ‏ أ/ ياسمين شعيب 


يرف أصحقر 
۴ 1 
ê‏ 2 الوحدة الثالثة: إنشاء صفحات الموقع 
کت  ,‏ الدرس الثالث :المعاملات والجمل الشرطية فی 


فمانة اك أن تگو نٹ الظالب گافر أ أ 
بنهاية الدرس يجب أن يكون الطالب قادرا علي أن الحوار والمناقشة ‏ التعلم التعاوني - العصف الذهني 


توے وھ یو 7  -‏ 7 هه 
× يشرح جملة الشرط 10100 ررم افي لغة «رطام.. 


د يتعرف علي جملة 57316 في لغة مطم. السبورة الإلكترونية - الکتاب المدرسي ۔- عرض تقديمي 


التمهيد/ماهي المعاملات ۴3٥07‏ 0ں؟ 


| مر یں سے 
> المعاملات Operators‏ : 


- معاملات حسابية بنوعيها (العادیة - أخري) 


Greater | Greater Than | Less Less Thaı 
Than Or Equal Or Equal 


logical operator معاملات منطقية‎ - 


Examp 
ادع حا جس | لو | الل‎ | e | 
سس | امد کت | ار سد تا‎ OR Foe |e | 
|88 | ئادرفن صحم | و‎ |e ھھ‎ e | Fe | 
بھد 2 5ه ھت‎ 
٢٢ | عمٴ' ]یدمحم <ا‎ | 


< جملة ال شرط:۔ 
جملة 1F‏ الأولى يليها شرط إذا تحقق يتم تنفيذ الكود التالي لها مباشرة وإذا لم يتحقق فهناك شرط ثان إذا تحقق ينفذ الكود الذي يلي 
1111ء وإذا لم يتحقق ينفذ الكود الذي يلي 1718ء وبدء من 1711914 حتى نهاية الكود عبارة عن جواب عدم تحقق الشرط لجملة 1۴ 
الأولى 

> جملة Switch‏ 
ويمكن أيضا استخدام جملة 5171011 كأحد العبارات الشرطية في لغة 7117ء حيث يمكن من خلالها اختبار عدة شروط 

وفي كل مرة یتحقق فيها شرط ما ينفذ كود معين 


التقويم ت 0292 من معاملات المقارنة 


إعداد وتصميم/جروب فريق أصدقاء الكمبيوتر المتخصص - أ/ ياسمين شعيب 


الوحدة الثالثة: إنشاء صفحات الموقع 
Add _ Term.php‏ 


1 اق لاق قافر ون اف‎ TN 
بنهاية الدرس يجب أن يكون الطالب قادرا علي أن: الحوار والمناقشة - التعلم التعاوني - العصف الذهني‎ 


E E E AF‏ 71 س 
يكتب كود م طم لتضمين صفحتي 1 Header & Con nectio‏ 


ينشئ صفحة إدخال مصطلح. السبورة الإلكترونية - الكتاب المدرسي - عرض تقديمي 


التمهيد / كيف يمكن إنشاء صفحة إدخال مصطلح وحفظها علي مجلد الموقع بجهازك؟ 
عرض ا٦۳‏ يي 
> تصميم واجهة إدخال مصطلح: 


- من خلال أحد التطبیقات المستخدمة في إنشاء صفحات الويب مثل ا٤۷‏ 1012ووع 10:1 يمكن إنشاء التصمیم التالي: 


الا ے۔۔ چٹینہی جه وج سر 32 


001 
es 

ماس 

ہر 


13 


-تستخدم نافذة الأدوات لإدراج عناصر التحكم علي الصفحة. 

-لأدراج النموذج ۴٠١"‏ لتمرير أو إرسال كافة البيانات الموجودة في عناصر التحكم من مستعرض الويب إلي الخادم ويوجد طريقتين 
لذلك: 

<form method=Get> - 

<form method=Post> -‏ 
< الفرق بين القيمة (2050 ) و القيمة :)6٤(‏ 


لا تظهر البيانات المرسلة في ".0۸1 عنوان 
الصفحة 
يتم استخدامها في ارسال كلمات سر أو أى بيانات 
هامة 
الحد الاقصي لھا للبيانات المستخدمة تصل إلي 8 ١‏ الحد الاقصي لها للبيانات المستخدمة تصل إلي 7607 
Mb‏ حرف Character‏ 


تظھر البيانات المرسلة في J01."‏ عنوان الصفحة 


لايتم استخدامها في ارسال كلمات سر أو أى بيانات هامة 


التققويم :۔ أكمل: ںیو یتم استخدامها في ارسال كلمات سر أو أى بيانات هامة 


إعداد وتصميم/جروب فريق أصدقاء الكمبيوتر المتخصص ‏ أ/ ياسمين شعيب 


أصدور 
3 0 
7G‏ چ الوحدة الثالثة: إنشاء صفحات الموقع 


کے الدرس الخامس :تابع صفحة إدخال مصطلح 
Add _ Term.php‏ 


هك أن تكو الطالت قادو ا أ 
بنهية الدرس يجب أن رکون الطالب قادرا علي ان الحوار والمناقشة ‏ التعلم التعاوني - التدريب العملي 


جو ومیص ود 1 77 سس 
يكتب كود ام لتضمين صفحتي Header & Connection‏ 


ينشئ صفحة إدخال مصطلح. السبورة الإلكترونية - الكتاب المدرسي - عرض تقديمي 


التمهيد / كيف يمكن إنشاء صفحة إدخال مصطلح وحفظها علي مجلد الموقع بجهازك؟ 


| عرض الدرس a‏ 
< كتابة كود 7117: 


- تحقق من الأتصال بقاعدة البيانات. 
- التحقق من إدخال بيانات في عناصر التحكم علي صفحة المستعرض. 
5 تسجيل بيانات المصطلح في جدول قاعدة البيانات وذلك من خلال كود 70717: 


1 
clude "canen php"‏ 
حتت تت 0 Submit1']))‏ ۶۰۳ .تا 
ام وانشاؤه في حالة عدم وجوده سے 1[ :ر(عاماشقطہ زعام مر عالقا 
: [#سهذ] املع ]85 1ه فق 
E‏ #سمد_بس]| اماع85 511 ؟-مسكق 
( جإملقة. pics"‏ جھڑگلا _احساص ×حد ۲ ((هلة؟ )وس 5 
$tem=ê POSTTtrt_ term;‏ 
gtran POST Prins EE TE FTF‏ 
جملة شرطیھ لاختبار هل تم اختیار ملف صورة ہے a ET‏ 
picture" pic" . Sf." *:‏ 
empty) [‏ ول "" --! defe‏ ےج "" ے Strans‏ ۸۸ ''' حأ Stem‏ ]کا 


mysql_qoeryl "SET NAMES قأن'‎ 
ہے اوہتج- ×× ؟‎ insert ماه‎ rs ales", Ser, Strang, defe, Spicer, 
i query] 


:"ثم أضقة البیثات بنجام"حو جردا 
بإ" label‏ دعامفت ech "label i= Tabel1" style= color FFFUMMCfout-sire: x-large:‏ 
ا 

else 


1 
۱ 


:"لم يتم اضساقة البیتات''>وعرحاوق 
يل" “label‏ مداق style="color FF FMM: fnul-slEE: xape‏ "تاعاق "كل "label‏ وه 
1 


:" آلييانات اثتى تم إنخالها غير صحیحة يجب إنخال جميع الطرل*-جبرواهل؟ 


x-large, $datares abe "¢‏ :مه مط ة00 28 عمايه داجن Label"‏ اعامك "مامه 


التققويم :- أكمل ...لايم استخدامها في ارسال كلمات سر أو أى بيانات هامة 


إعداد وتصميم/جروب فريق أصدقاء الكمبيوتر المتخصص ‏ أ/ ياسمين شعيب 


أصدور 
0 
ê‏ جہ الوحدة الثالثة: إنشاء صفحات الموقع 


Add _ Term.php 


بنهاية الدرس يجب أن يكون الطالب قادراً علي أن: 


الحوار والمناقشة - التعلم التعاوني - التدريب العملي 


شعو اداد سو ۹1 ۔پ+ ‏ ار پ سس سس سس 
٭ یکتب كود مر[ لتضمين صفحتي 1 Header & Con nectio‏ 


٭ ينشئ صفحة إدخال مصطلح. السبورة الإلكترونية - الکتاب المدرسي ۔- عرض تقديمي 


ااتعهي د / كيف يمكن إنشاء صفحة إدخال مصطلح وحفظها علي مجلد الموقع بجهازك؟ 
| عرض درن هج 
< تنفيذ صفحة إدخال مصطلح: 


عند استعراض صفحة إدخال مصطلح علي مستعرض إإنترنت تظهر كما يلي وذلك من خلال العنوان 
Localhost/dictionary/add_term.php‏ 


عند إدخال جميع بيانات المصطلح كما يلي: 


ا ا 


< التأكد من إضافة المصطلح إلي قاعدة البيانات: 
نفتح قاعدة البيانات في تبويب جديد لمستعرض الإنترنت بكتابة الرابط التالي :1022112051/01127:20:211 في شريط العنوان 
ونتأكد من إضافة سجل جديدفي جدول 001 


التقفويم :- تقييم مشروع الطلاب 


إعداد وتصميم/جروب فريق أصدقاء الكمبيوتر المتخصص ‏ أ/ ياسمين شعيب 


ثمانة اك أن بكو ن الطالب قادراً أ 5 
بنهاية الدرس يجب أن يكون الطالب قادرا علي أن: الحوار والمناقشة - التعلم التعاوني - التدريب العملي 


47 ہہ“ ٦‏ ب,-+- -' سس سسسسس 
٭ يكتب الكود الخاص بالمشروع بطريقة سليمة. 


٭ يحل تدريبات الكتاب المدرسي. السبورة الإلكترونية - الكتاب المدرسي ۔- عرض تقديمي 


التعمهييد/ماهي أهم المصطلحات التي تعلمتها بعد دراستك لمصطلحات المشروع ؟ 


عرض الدرس سي 
أ) اختر الاجابة الصحيحة: 


1) برامج يسمح مالكها باستخدامها دون مقابل مادى 
(Copy Right- Open source programs- freeware programs)‏ 
2) يمكن الاطلاع على الكود وتعديله وتطويره وادارة نشره فی برامج 
(Copy Right- freeware programs- Open ource)‏ 
3 امتداد صفحة الويب الساكنه 


(asp- htm- php) 
الصفحة التى من خلالها يمكن اجراء معالجة لمحتوى الصفحة لإرجاع قيمة أو عرض رسالة أو ناتج هى‎ )4 


(صفحة الويب ساكنة- صفحة ويب ديناميكيه- صفحة رئيسية) 
5) الصفحة التى يتم عمل حساب عليها للعميل من النوع 
(الساكنه- الديناميكية- كلاهما) 
6) الجھاز الذى يتميز بمواصفات فنيه عالية عن باقی الأجهزة و يتحكم فى باقی أجهزة الشبكة 
(web server- software server- Hardware server)‏ 
7 الدور الذى يقوم به أحد ملحقات أو أجهزة الكمبيوتر فى شبكة الكمبيوتر يسمى 
(local host server- software server- Hardware server)‏ 
8) جهاز الکمبیوتر المخزن عليه صفحات الويب فى شبكة يطلق علي 
(خادم الويب- خادم الطابعة- خادم البريد الالكترونى) 
9) جهاز الكمبيوتر المتصلة به الطابعة و يتحكم فى ادارة عمليات الطباعة فى شبكه يطلق عليه 
(خادم الويب- خادم الطابعة- خادم البريد الالكترونى) 
0 عھاز :لیئر الخو عليه رسائل البرية الالكترونى و قحك فى إدارة العملبات المرقيطة بالبريد الالكتروقى 
و يتيحها أجهزة الشبكة 
(خادم الويب- خادم الطابعة- خادم البريد الالكترونى) 
1) الجھاز المخزن عليه قاعدة البيانات و يتحكم و يدير عمليات تعامل باقى أجهزة الشبكة معها يطلق عليه 
(خادم قاعدة البیانات- خادم البريد الالكترونى- خادم الويب) 


التقويم :- تقييم إجابات الطلاب 


إعداد وتصميم/جروب فريق أصدقاء الكمبيوتر المتخصص ‏ أ/ ياسمين شعيب 


